<template>
    <div class="app">
        <router-view></router-view>
        <LoginModal v-model:visible="loginStore.loginVisible" />
        <RegisterDialog v-model:visible="loginStore.registerVisible" />
    </div>
</template>

<script setup>
import { useLoginStore } from '@/stores/login'
import LoginModal from '@/views/login/index.vue'
import RegisterDialog from '@/views/register/RegisterDialog.vue'

const loginStore = useLoginStore()
</script>

<style lang="scss">
.app {
    width: 1920px;
    margin: 0 auto;
    min-height: 100vh;
}
</style> 